<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>清除浮动之双伪元素清除</title>
    <style>

    </style>
</head>
<body>
<!--
 清除浮动 —— 双伪元素清除浮动
也是给给父元素添加
.clearfix:before,.clearfix:after {
content:"";
display:table;
}.clearfix:after {
clear:both; }.clearfix { *zoom:1;
}
 优点：代码更简洁
 缺点：照顾低版本浏览器
 代表网站：小米、腾讯等
为什么需要清除浮动？ ① 父级没高度。 ② 子盒子浮动了。 ③ 影响下面布局了，我们就应该清除浮动了。
-->
<div class="box clearfix">
    <div class="damao">大毛</div>
    <div class="ermao">二毛</div>
</div>
<div class="footer"></div>
</body>
</html>